
<!DOCTYPE html>
<html lang="en">
{% include 'header.html' %}
{% load static %}
<style type="text/css">
table.animalinfo {
    font-family: verdana,arial,sans-serif;
    font-size:18px;
    color:#333333;
    border-width: 1px;
    border-color: #999999;
    border-collapse: collapse;
    width: inherit;
}
table.animalinfo th {
    background-color:#c3dde0;
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #a9c6c9;
}
table.animalinfo tr {
    background-color:#d4e3e5;
}
table.animalinfo td {
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #a9c6c9;
}
</style>

<body id="page-top">

  <!-- Navigation -->
{#  <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top" id="mainNav">#}
{#    <div class="container">#}
{#      <a class="navbar-brand js-scroll-trigger" href="#page-top">logo</a>#}
{#      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">#}
{#        <span class="navbar-toggler-icon"></span>#}
{#      </button>#}
{#      <div class="collapse navbar-collapse" id="navbarResponsive">#}
{#        <ul class="navbar-nav ml-auto">#}
{#          <li class="nav-item">#}
{#            <a class="nav-link js-scroll-trigger" href="#about">About</a>#}
{#          </li>#}
{#          <li class="nav-item">#}
{#            <a class="nav-link js-scroll-trigger" href="#services">Services</a>#}
{#          </li>#}
{#          <li class="nav-item">#}
{#            <a class="nav-link js-scroll-trigger" href="#contact">Contact</a>#}
{#          </li>#}
{#        </ul>#}
{#      </div>#}
{#    </div>#}
{#  </nav>#}
{##}
{#  <header class="bg-primary text-white">#}
{#    <div class="container text-center">#}
{#      <h1>动物资源模型管理库</h1>#}
{#      <p class="lead">Animal Resource Model Management Center </p>#}
{#    </div>#}
{#  </header>#}

  <section id="about">
    <div class="container">
      <div class="row">
        <div class="col-lg-8 mx-auto">
          <h2>动物详情信息</h2>
{#          <p class="lead">This is a great place to talk about your webpage. This template is purposefully unstyled so you can use it as a boilerplate or starting point for you own landing page designs! This template features:</p>#}

          <table class="animalinfo">
            <tbody>
                <tr onmouseover="this.style.backgroundColor='#ffff66';" onmouseout="this.style.backgroundColor='#d4e3e5';">
	                <img scr=""> </img>
                </tr>
                <tr onmouseover="this.style.backgroundColor='#ffff66';" onmouseout="this.style.backgroundColor='#d4e3e5';">
	                <td><b>动物种类</b> </td>
                    <td>{{ animal_name }} </td>
                </tr>
                <tr onmouseover="this.style.backgroundColor='#ffff66';" onmouseout="this.style.backgroundColor='#d4e3e5';">
	                <td><b>动物品系：</b> </td>
                    <td>{{ animal_detail }} </td>
                </tr>
                <tr onmouseover="this.style.backgroundColor='#ffff66';" onmouseout="this.style.backgroundColor='#d4e3e5';">
	                <td><b>动物饲养环境: </b> </td>
                    <td>{{ animal_env }} </td>
                </tr>
                <tr onmouseover="this.style.backgroundColor='#ffff66';" onmouseout="this.style.backgroundColor='#d4e3e5';">
	                <td><b>动物饲养设施：</b> </td>
                    <td>{{ animal_facility }} </td>
                </tr>
                <tr onmouseover="this.style.backgroundColor='#ffff66';" onmouseout="this.style.backgroundColor='#d4e3e5';">
	                <td><b>动物生物学信息：</b> </td>
                    <td>{{ animal_bio }} </td>
                </tr>
                <tr onmouseover="this.style.backgroundColor='#ffff66';" onmouseout="this.style.backgroundColor='#d4e3e5';">
	                <td><b>动物供应商：</b> </td>
                    <td>{{ animal_supplier }} </td>
                </tr>
                <tr onmouseover="this.style.backgroundColor='#ffff66';" onmouseout="this.style.backgroundColor='#d4e3e5';">
	                <td><b>联系方式：</b> </td>
                    <td>{{ animal_contact }} </td>
                </tr>
                <tr onmouseover="this.style.backgroundColor='#ffff66';" onmouseout="this.style.backgroundColor='#d4e3e5';">
	                <td><b>动物使用单位：</b> </td>
                    <td>{{ animal_usedep }} </td>
                </tr>
                <tr onmouseover="this.style.backgroundColor='#ffff66';" onmouseout="this.style.backgroundColor='#d4e3e5';">
	                <td><b>库存数量：</b> </td>
                    <td>{{ animal_num }} </td>
                </tr>
            </tbody>
          </table>
            <p></p>
          <p align="center"><a href="./xls/animalinfo/">下载为Excel表格式</a></p>
        </div>
      </div>
    </div>
  </section>



  <!-- Footer -->
 {% include 'footer.html' %}

  <!-- Bootstrap core JavaScript -->
  <script src="{%  static 'vendor/jquery/jquery.min.js' %}"></script>
  <script src="{%  static 'vendor/bootstrap/js/bootstrap.bundle.min.js' %}"></script>

  <!-- Plugin JavaScript -->
  <script src="{% static 'vendor/jquery-easing/jquery.easing.min.js'  %}"></script>

  <!-- Custom JavaScript for this theme -->
  <script src="{% static 'js/scrolling-nav.js' %} "></script>

</body>

</html>
